<!DOCTYPE html>
<html lang="en">
		<head>
		<title>About</title>

		<!-- Meta tag Keywords -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!--// Meta tag Keywords -->

		<!-- css files -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<!-- Bootstrap-Core-CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<!-- Style-CSS -->
		<link rel="stylesheet" href="css/font-awesome.css">
		<!-- Font-Awesome-Icons-CSS -->
		<!-- //css files -->

		<!-- web-fonts -->
		<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
		<!-- //web-fonts -->

		</head>

		<body>

<!--Header-->
<header>
          <div class="container agile-banner_nav">
    <div class="row header-top">
              <div class="col-md-5 top-left p-0">
        <p><i class="fa fa-phone" aria-hidden="true"></i> Call us : 17866631279 </p>
      </div>
              <div class="col-md-7 top-right p-0">
        <p><i class="fa fa-map-marker" aria-hidden="true"></i>  青岛,崂山区
      </div>
            </div>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
              <h1 style="position: absolute;top:25px;"><a class="navbar-brand" href="index.html">旅心</a></h1>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
              <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto" style="position:absolute; top:20px;right: 20px;">
                  <li class="nav-item active"> <a class="nav-link" href="index.html">主页 <span class="sr-only">(current)</span></a> </li>
                  <li class="nav-item"> <a class="nav-link" href="about.html">关于</a> </li>
                  <li class="nav-item"> <a class="nav-link" href="services.html">服务</a> </li>
                  <li class="dropdown nav-item"> <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">分类 <b class="caret"></b> </a>
            <ul class="dropdown-menu agile_short_dropdown">
                <li>
                    <a href="pricing.html">定价计划</a>
                </li>
                <li>
                    <a href="choice.html">路线选择</a>
                </li>
                <li>
                    <a href="choice.html">预定机票</a>
                </li>
                <li>
                    <a href="choice.html">预定酒店</a>
                </li>
                <li>
                    <a href="choice.html">周边商品推荐</a>
                </li>
                    </ul>
          </li>
                  <li class="nav-item"> <a class="nav-link" href="projects.html">推介</a> </li>
                  <li class="nav-item pr-lg-0"> <a class="nav-link pr-lg-0" href="contact.html">联系</a> </li>
                </ul>
      </div>
            </nav>
  </div>
        </header>
<!--Header-->
<div class="innerpage-banner">
          <div class="layer1"> </div>
        </div>

<!-- welcome -->
<section class="welcome py-5">
          <div class="container py-md-3">
    <h3 class="heading text-center mb-md-5 mb-4"> 关于我们 </h3>
    <div class="row welcome-grids">
              <div class="col-lg-6">
        <h4 class="mb-3">欢迎来到旅行世界</h4>
        <h3>记住，幸福是一种旅行方式，而不是目的地。</h3>
        <p class="my-4"> 在旅心，您可以尽情选择最佳、最省、最豪、最近路线.我们为您提供方案，您选择！</p>
        <a href="#">了解更多</a> </div>
              <div class="col-lg-6 mt-lg-0 mt-5 welcome-grid3">
        <div class="position"> <img src="images/banner1.jpg" alt="" class="img-fluid" /> </div>
      </div>
            </div>
  </div>
        </section>
<!-- //welcome --> 

<!-- welcome bottom -->
<section class="welcome-bottom">
          <div class="welcome-bottom-layer py-5">
    <div class="container py-lg-5 py-sm-3">
              <h4 class="mb-2">只有把自己去旅行，才会成为一场冒险。</h4>
              <p class="mb-4">发现适合你的旅行</p>
              <a href="index.html">了解更多</a> </div>
  </div>
        </section>

<!-- //welcome bottom --> 

<!-- best offers -->
<section class="best-offers py-5">
          <div class="container py-3">
    <h3 class="heading text-center mb-sm-5 mb-3"> 优惠 </h3>
    <div class="row offer-grids pt-5">
              <div class="col-lg-3 col-sm-6 offer-grid"> <img src="images/b13.jpg" alt="" class="img-fluid" />
        <h4 class="mt-3">山东</h4>
        <p class="mt-2">崂山，蓬莱阁，台儿庄古城，威海华夏城- 5天</p>
        <div class="offer">
                  <h3>7折 </h3>
                </div>
      </div>
              <div class="col-lg-3 col-sm-6 mt-sm-0 mt-5 offer-grid"> <img src="images/b14.jpg" alt="" class="img-fluid" />
        <h4 class="mt-3">广州</h4>
        <p class="mt-2">丹霞山，广州塔，世界之窗，白云山- 7天</p>
        <div class="offer">
                  <h3>7折</h3>
                </div>
      </div>
              <div class="col-lg-3 col-sm-6 mt-lg-0 mt-5 offer-grid"> <img src="images/b15.jpg" alt="" class="img-fluid" />
        <h4 class="mt-3">云南</h4>
        <p class="mt-2">玉龙雪山，大理，丽江古城，拉市海 - 7天</p>
        <div class="offer">
                  <h3>7折</h3>
                </div>
      </div>
              <div class="col-lg-3 col-sm-6 mt-lg-0 mt-5 offer-grid"> <img src="images/b16.jpg" alt="" class="img-fluid" />
        <h4 class="mt-3">四川</h4>
        <p class="mt-2">九寨沟景区，黄龙景区，峨眉山风景名胜区- 9天</p>
        <div class="offer">
                  <h3>7折</h3>
                </div>
      </div>
            </div>
  </div>
        </section>
<!-- //best offers --> 

<!-- footer -->
<footer class="py-5">
          <div class="container py-md-3">
    <div class="row footer-grids pb-md-5 pb-3">
              <div class="col-md-3 col-sm-6 col-6"> <a href="#"> <i class="fa fa-phone"></i>电话</a> </div>
              <div class="col-md-3 col-sm-6 col-6"> <a href="#"> <i class="fa fa-envelope"></i>邮件</a> </div>
              <div class="col-md-3 col-sm-6 col-6 mt-md-0 mt-2"> <a href="#"> <i class="fa fa-qq"></i>QQ</a> </div>
              <div class="col-md-3 col-sm-6 col-6 mt-md-0 mt-2"> <a href="#"> <i class="fa fa-comment"></i>在线咨询</a> </div>
            </div>
    <div class="subscribe-grid text-center">
              <p class="para three mt-4">旅心团队 </p>
              <h5>订阅我们的最新消息</h5>
              <p>预定 <span>九折</span> 优惠</p>
              <form action="#" method="post">
        <input class="form-control" type="email" placeholder="预定" name="预定" required>
        <button class="btn1"> <i class="fa fa-paper-plane"></i> </button>
      </form>
            </div>
  </div>
        </footer>
<!-- //footer --> 

<!-- copyright -->
<section class="copyright py-4 text-center">
          <div class="container">
    <p>Copyright &copy; 2021 LNX All rights reserved. </p>
  </div>
        </section>
<!-- //copyright --> 

<!-- js-scripts --> 

<!-- js --> 
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<!-- Necessary-JavaScript-File-For-Bootstrap --> 
<!-- //js --> 

<!-- start-smoth-scrolling --> 
<script src="js/SmoothScroll.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script> 
<script type="text/javascript" src="js/easing.js"></script> 
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script> 
<!-- here stars scrolling icon --> 
<script type="text/javascript">
			$(document).ready(function() {
				/*
					var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
					};
				*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script> 
<!-- //here ends scrolling icon --> 
<!-- start-smoth-scrolling --> 

<!-- //js-scripts -->

</body>
</html>